

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:p="http://primefaces.org/ui">

    
    <nav class="top-bar2">
        <div class="constrained">
          <ul class="title-area">
            <li class="name">
                <a href="#">
                  <div class="logo"></div>
                  <div style="margin:5px 0 0 35px;font-size:26px;">
                      #{tittles['page.top.tittle1']} 
                  </div>
                  <div style="margin:0px 0 0 35px;font-size:14px;">
                      #{tittles['page.top.tittle2']} 
                  </div>
                </a>
            </li>
            <li class="menu-icon toggle-topbar">
              <a href="#">
                <span></span>
              </a>
            </li>
          </ul>
        </div>
      </nav>
    </ui:composition>